<!DOCTYPE HTML>
<html dir="ltr" xml:lang="en-US" lang="en-US"><head>
    <meta charset="utf-8">
    <title>Console test</title>
    <script type="text/javascript">
      var fooObj = {
        testProp: "testValue"
      };

      function test() {
        var str = "Dolske Digs Bacon, Now and Forevermore."
        for (var i=0; i < 5; i++) {
          console.log(str);
        }
      }

      function testTrace() {
        console.log("bug 1100562");
        console.trace();
      }

      console.info("INLINE SCRIPT:");
      test();
      console.warn("I'm warning you, he will eat up all yr bacon.");
      console.error("Error Message");
    </script>
  </head>
  <body>
    <h1 id="header">Heads Up Display Demo</h1>
    <button onclick="test();">Log stuff about Dolske</button>
    <button id="testTrace" onclick="testTrace();">Log stuff with stacktrace</button>
    <div id="myDiv"></div>
  </body>
</html>
